<template>
  <div style="width: 100%">
    <el-row :gutter="0">
     <el-col :span="4">
       <div>
         <el-row class="tac">
           <el-col :span="24">
             <el-menu
                 router
             >
               <el-menu-item index="list4"><el-icon><FolderOpened /></el-icon>视频</el-menu-item>
               <el-menu-item index="list5"><el-icon><FolderOpened /></el-icon>音频</el-menu-item>
               <el-menu-item index="list6"><el-icon><FolderOpened /></el-icon>专栏</el-menu-item>
               <el-menu-item index="list7"><el-icon><FolderOpened /></el-icon>相簿</el-menu-item>
             </el-menu>
           </el-col>
         </el-row>
       </div>
     </el-col>

     <el-col :span="20">
       <div style="margin: 0 auto">
         <!--  视频相关开始  -->
         <el-row style="background-color: white;border: 1px solid white;height: 150px">
           <el-col :span="5" style="margin-left: 10px">
               <router-link to="/">
                 <img src="/imgs/test.jpg" style="width: 100%;height: 100%">
               </router-link>
           </el-col>
           <el-col :span="18">
             <p style="font-size: 10px;margin: 10px">默认收藏夹</p>
           </el-col>
         </el-row>
         <hr>
         <!--  内容列表开始  -->

       </div>
     </el-col>
    </el-row>


  </div>

</template>

<script setup>
import {onMounted, ref} from "vue";
import axios from "axios";
import router from "@/router";

</script>

<style scoped>
.title_p {
  height: 40px;
  overflow: hidden; /*超出不显示*/
  /*设置省略号相关样式*/
  display: -webkit-box;
  -webkit-line-clamp: 2; /*设置行数*/
  -webkit-box-orient: vertical; /*纵向*/
}
a{
  color: #333;
  text-decoration: none;
}
a:hover{
  color: orange;
}

</style>